<template>
	<view style="width: 100%;height: 100vh;background-color: #F3F4F5;">
		<view style="height: 20rpx;width: 100%;background-color: #F3F4F5;"></view>
		<view class="brt">
			<view class="xfje">
				消费金额（元）
			</view>
			<view class="je" :class="{col_DB1B22:dataObj.is_minus==0?true:false}">
				{{dataObj.is_minus==0?'+':'-'}}{{dataObj.amount}}
			</view>
		</view>
		<view style="height: 20rpx;width: 100%;background-color: #F3F4F5;"></view>
		<view class="list">
			<view class="item flex_r_between">
				<view class="left">说明</view>
				<view class="right">{{dataObj.title}}</view>
			</view>
			<!-- <view class="item flex_r_between">
				<view class="left">交易状态</view>
				<view class="right">{{dataObj.title}}</view>
			</view>
			<view class="item flex_r_between">
				<view class="left">商品名称</view>
				<view class="right">{{dataObj.goods_name}}</view>
			</view>
			<view class="item flex_r_between">
				<view class="left">支付方式</view>
				<view class="right">{{dataObj.pay_type}}</view>
			</view> -->
			<view class="item flex_r_between">
				<view class="left">交易时间</view>
				<view class="right">{{$dateFormat(dataObj.date_add*1000,'Y-m-d H:i:s')}}</view>
			</view>
			<!-- <view class="item flex_r_between">
				<view class="left">交易单号</view>
				<view class="right">{{dataObj.title}}</view>
			</view> -->
			<view class="item flex_r_between">
				<view class="left">订单号</view>
				<view class="right">{{dataObj.order_sn}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataObj:null,
			};
		},
		onLoad(option) {
			this.$request('/app/user/financeDetail','post',{
				access_token:uni.getStorageSync('access_token').replace(/^\"|\"$/g,''),
				operation_id:option.operation_id
			}).then(res=>{
				this.dataObj=res.content
			})
		}
	}
</script>

<style lang="scss" scoped>
	@import url("@/static/css/flex.css");
	.list{
		.item{
			padding: 0 26rpx;
			box-sizing: border-box;
			width: 100%;
			height: 90rpx;
			background: #FFFFFF;
			border-bottom: 1px solid #DDDDDD;
			.left{
				width: 20%;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #9DA5A8;

			}
			.right{
				width: 80%;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #111111;

			}
		}
		
	}
	.brt{
		width: 100%;
		height: 320rpx;
		background: #FFFFFF;
		text-align: center;
		.xfje{
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #111111;
			padding-top: 50rpx;
			margin-bottom: 34rpx;
		}
		.je{
			font-size: 100rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #559E00;

		}
		.col_DB1B22{
			color: #DB1B22;
		}
	}
</style>
